<!doctype html>
<html >
<head>
	<meta charset="UTF-8">
	<title>登录</title>
<style>
body {margin:0; padding:0; font-size: 14px;}
.verifyCode {vertical-align:middle;}
.wrapper {margin-top:10%;}
.container {
	width:500px; height:320px; margin:0 auto;
	background:transparent url("<?php echo MY_CDN; ?>/admin/images/login_bg.jpg") no-repeat 0 0;
}
#errMsg {font-size:12px; font-weight:bold; line-height:18px; margin-bottom:8px;}
table {width:300px; margin-top:60px; color:#FFF; border:0;}
input[type="text"], input[type="password"] {
	display: inline-block;
	width:160px;
	height: 20px;
	line-height: 20px;
	padding: 3px 10px;
	margin-bottom: 10px;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input.input-mini {width:60px;}
.input-btn {
	height:30px;
	line-height:30px;
	padding:0 20px;
}
.footer {width:500px; margin:0 auto; text-align:center; color:#999;}
</style>
</head>
<body>
<div class="wrapper">
	<div class="container">
		<form name="f1" id="f1" action="{:U('Index/doLogin')}" method="post">
			<table align="right" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="2">
						<div id="errMsg"></div>
					</td>
				</tr>
				<tr>
					<td >用户名</td>
					<td><input type="text" name="account" id="account" /></td>
				</tr>
				<tr>
					<td>密码</td>
					<td><input type="password" name="password" id="password" /></td>
				</tr>
				<tr>
					<td>验证码</td>
					<td>
						<input type="text" name="verifyCode" id="verifyCode" maxlength="4" class="input-mini" />
						<img src="{:U('VerifyCode/initVerifyCode')}" class="verifyCode" onclick="this.src=this.src" />
					</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td><input type="button" class="input-btn" value="登录" onclick="doLogin()" /></td>
				</tr>
			</table>
		</form>
	</div>
	<div class="footer">
		Copyright 太离谱 2011-2014
	</div>
</div>
<script type="text/javascript" src="<?php echo MY_CDN; ?>/admin/js/login.js"></script>
</body>
</html>
